<template>
  <div>
    <h1>App</h1>
    firstName {{ firstName }} <br>
    lastName {{ lastName }} <br>
    fullName {{ fullName }} <br>

  </div>
</template>

<script setup>
import { ref, computed } from "vue";

const firstName = ref('li');
const lastName = ref('jack');

const fullName = computed(() => {
  return `${lastName.value} ${firstName.value}`;
});

console.log(fullName.value);





</script>